<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../bootstrap-5.1.3-dist/css/bootstrap.css">
    <script src="../bootstrap-5.1.3-dist/js/bootstrap.js"></script>
</head>

<body class="container">
    <h3 align="center">align-content-start</h3>
    <div class="d-flex align-content-start bg-warning text-white flex-wrap mb-4" style="height: 150px;">
        <div class="p-2 bg-primary">首页</div>
        <div class="p-2 bg-success">家用电器</div>
        <div class="p-2 bg-danger">办公电脑</div>
        <div class="p-2 bg-primary">男装女装</div>
        <div class="p-2 bg-success">生鲜酒品</div>
        <div class="p-2 bg-danger">箱包钟表</div>
        <div class="p-2 bg-primary">玩具乐器</div>
        <div class="p-2 bg-success">汽车用品</div>
        <div class="p-2 bg-danger">特产食品</div>
        <div class="p-2 bg-primary">图书文具</div>
        <div class="p-2 bg-success">童装内衣</div>
        <div class="p-2 bg-danger">鲜花礼品</div>
    </div>
    <h3 align="center">align-content-center</h3>
    <div class="d-flex align-content-center bg-warning text-white flex-wrap mb-4" style="height: 150px;">
        <div class="p-2 bg-primary">首页</div>
        <div class="p-2 bg-success">家用电器</div>
        <div class="p-2 bg-danger">办公电脑</div>
        <div class="p-2 bg-primary">男装女装</div>
        <div class="p-2 bg-success">生鲜酒品</div>
        <div class="p-2 bg-danger">箱包钟表</div>
        <div class="p-2 bg-primary">玩具乐器</div>
        <div class="p-2 bg-success">汽车用品</div>
        <div class="p-2 bg-danger">特产食品</div>
        <div class="p-2 bg-primary">图书文具</div>
        <div class="p-2 bg-success">童装内衣</div>
        <div class="p-2 bg-danger">鲜花礼品</div>
    </div>
    <h3 align="center">align-content-end</h3>
    <div class="d-flex align-content-end bg-warning text-white flex-wrap" style="height: 150px;">
        <div class="p-2 bg-primary">首页</div>
        <div class="p-2 bg-success">家用电器</div>
        <div class="p-2 bg-danger">办公电脑</div>
        <div class="p-2 bg-primary">男装女装</div>
        <div class="p-2 bg-success">生鲜酒品</div>
        <div class="p-2 bg-danger">箱包钟表</div>
        <div class="p-2 bg-primary">玩具乐器</div>
        <div class="p-2 bg-success">汽车用品</div>
        <div class="p-2 bg-danger">特产食品</div>
        <div class="p-2 bg-primary">图书文具</div>
        <div class="p-2 bg-success">童装内衣</div>
        <div class="p-2 bg-danger">鲜花礼品</div>
    </div>
</body </body>

</html>